@extends('layouts.mainlayout')

@section('main')
<section class="content">     
    <div class="panel panel-default">
        <div class="panel-heading">Đổi Mật Khẩu</div>
        <div class='panel-body'>

            <form class="form-horizontal" action="<?php echo asset('user/changepassword'); ?>" method="POST" role="form" name="changepassword_form" id="changepassword_form">
                <fieldset>
                    <div class="form-group">
                        <label for="inputPassword" class="col-lg-3 control-label">Mật Khẩu Cũ</label>
                        <div class="col-lg-6">
                            <input type="password" class="form-control" id="oldpassword" placeholder="Mật Khẩu Cũ" required>
                            <br/>
                            <div id='er_pw'></div>
                        </div>

                    </div>
                    <div class="form-group">
                        <label for="inputPassword" class="col-lg-3 control-label">Mật Khẩu Mới</label>
                        <div class="col-lg-6">
                            <input type="password" class="form-control" id="newpassword" placeholder="Mật Khẩu Mới" required> 
                            <br/>
                            <div  id='er_pw_new'></div>
                        </div>

                    </div>
                    <div class="form-group">
                        <label for="inputPassword" class="col-lg-3 control-label">Xác Nhận Mật Khẩu Mới</label>
                        <div class="col-lg-6">
                            <input type="password" class="form-control" id="re_newpassword" placeholder="Xác Nhận Mật Khẩu Mới" required>
                            <br/>
                            <div  id='er_pw_new_re'></div>
                        </div>

                    </div>
                    <div class="form-group">
                        <div class="col-lg-3"></div>
                        <div class="col-lg-6">
                            <button type="submit" class="btn btn-primary">Xác Nhận</button>
                            <button type="reset" id='reset' class="btn btn-default">Nhập Lại</button>
                        </div>

                    </div>
                    @if (isset($message))
                    <div class="form-group">
                        <div class="col-lg-6">
                            {{{$message}}}
                        </div>

                    </div>
                    @endif

                </fieldset>
            </form>

            <br>
            <br>
            <div style="color:red" id='error'></div>
        </div>
    </div>
</section><!-- /.content -->
<script type="text/javascript">
    $('#changepassword_form').submit(function(event) {
        $('#er_pw_new').html('');
        $('#er_pw_new_re').html('');
        $('#er_pw').html('');
        var old_password = document.getElementById('oldpassword').value;
        var new_password = document.getElementById('newpassword').value;
        var re_newpassword = document.getElementById('re_newpassword').value;

        if (old_password.length < 6) {
            $('#er_pw').html('<div style="color:red">Mật Khẩu Phải Nhiều Hơn 6 Ký Tự</div>');
        } else if (new_password.length < 6) {
            $('#er_pw_new').html('<div style="color:red">Mật Khẩu Phải Nhiều Hơn 6 Ký Tự</div>');
        } else if (re_newpassword.length < 6) {
            $('#er_pw_new_re').html('<div style="color:red">Mật Khẩu Phải Nhiều Hơn 6 Ký Tự</div>');
        } else if (new_password != re_newpassword) {
            $('#er_pw_new').html('<div style="color:red">Mật Khẩu Mới Không Khớp</div>');
            $('#er_pw_new_re').html('<div  style="color:red">Mật Khẩu Mới Không Khớp</div>');
        } else if (new_password == old_password) {
            $('#er_pw').html('<div style="color:red">Mật Khẩu Mới Giống Mật Khẩu Cũ</div>');
        } else {
            $.ajax({
                url: '<?php echo asset("user/changepassword"); ?>',
                type: 'post',
                dataType: 'json',
                data: {old_password: old_password,
                    new_password: new_password,
                    re_newpassword: re_newpassword
                },
            })
                    .done(function(data) {
                        if (data == '1') {
                            $('#error').html('Đổi Mật Khẩu Thành Công!!!')
                            window.location.reload();
                        } else {
                            $('#error').html('Đổi Mật Khẩu Không Thành Công!!!')
                        }
                        console.log(data);
                    })
                    .fail(function() {
                        $('#error').html('Đổi Mật Khẩu Xảy Ra Lỗi Hệ Thống!!!')
                    })
                    .always(function() {
                        console.log("complete");
                    });
        }


        return false;
    });
    $('#reset').click(function(event) {
        $('#er_pw_new').html('');
        $('#er_pw_new_re').html('');
        $('#er_pw').html('');
    });
</script>
@stop